.submit-roulette:hover {
        background: #bb0000;
        transition: background 0.3s;
    }

    .submit-roulette:active {
        transform: translateY(2px);
        box-shadow: none;
    }

    input[value="Получить бесплатно"],
    .submit-roulette {
        text-transform: uppercase;
        padding: 10px 15px;
        margin: 15px 0;
        outline: none;
        border: none;
        margin-top: 5px;
        border-radius: 5px;
        box-shadow: 0px 4px 3px #242120;
        background: red;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        transition: background 0.3s;
    }

    input[value="Получить бесплатно"]:hover {
        background: #bb0000 !important;
        transition: background 0.3s;
    }

    input[value="Получить бесплатно"]:active {
        transform: translateY(2px);
        box-shadow: none !important;
    }

    .input-roulette {
        padding-left: 5px;
        height: 42px;
        margin-bottom: 10px;
        width: auto !important;
    }

    input[placeholder="Ваше имя"],
    input[placeholder="Ваш телефон"] {
        padding-left: 5px;
        height: 42px;
        margin-bottom: 10px;
    }

    .program {
        max-width: 600px;
        position: relative;
        width: 100%;
    }

    .js_old_price_curs {
        left: 25%;
        position: absolute;
        bottom: 24%;
        font-size: 28px;
        font-style: italic;
        text-decoration: line-through;
    }

    .js_new_price_curs {
        left: 22%;
        position: absolute;
        bottom: 11%;
        font-size: 45px;
        color: red;
        font-style: italic;
    }

    .ruletka-p {
        text-indent: 0px;
        color: black;
        text-align: center !important;
        margin: 15px;
        line-height: 25px;
        font-weight: bold;
    }

    .ruletka-p h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .ruletka-a {
        color: rgb(22, 151, 206);
    }

    #luckyshop_form,
    #profit_form2,
    #omni_form,
    #everad_form,
    #shakes_form,
    #apilead_form,
    #hp_form,
    #p_hp_form,
    #pw_hp_form,
    #leadtrade_form,
    #drcash_form,
    #t_drcash_form,
    #rocket_form,
    #ad1_form,
    #p_omni_form,
    #m_leads,
    #kma_form,
    #adbees_form,
    #crm_form,
    #leadbit_form,
    #cpagetti_form,
    #monsterleads_form,
    #tl_form,
    #adeptcpa_form,
    #burg_tl_form,
    #scpa_pw_ad1_form,
    #scpa_pw_hp_form,
    #scpa_pw_tl_form,
    #scpa_pw_apilead_form,
    #scpa_pw_leadtrade_form,
    #scpa_pw_drcash_form {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
    }

    .time_remains {
        font-size: 1.1em;
        color: red;
        font-weight: bold;
    }

    .text_small {
        font-size: 0.5em !important;
        font-weight: normal !important;
    }

    @keyframes pop-up-appear {
        0% {
            transform: translateY(-2000px);
        }

        30% {
            transform: translateY(100px);
        }

        100% {
            transform: translateY(0px);
        }
    }

    @keyframes pop-up-appear-before {
        0% {
            transform: scale(0);
        }

        100% {
            transform: scale(1);
        }
    }

    @keyframes pop-up-appear-after {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .burger {
        display: none;
    }

    .pop-up-button:hover {
        color: rgb(255, 255, 255) !important;
        text-decoration: none !important;
    }

    .order_info h2 {
        font-family: "IBM Plex Sans", sans-serif;
        font-size: 26px;
        margin-bottom: 33px;
        line-height: 32px;
        font-weight: bold
    }

    .order_info h2 {
        border: none !important;
        color: red !important;
    }

    .left_count {
        background: red;
        padding: 23px;
        margin: 12px 0px;
        width: 178px;
        color: #fff;
        text-shadow: 0 -1px 0 #000000, 0 -1px 0 #000000, 0 1px 0 #000000, 0 1px 0 #000000, -1px 0 0 #000000, 1px 0 0 #000000, -1px 0 0 #000000, 1px 0 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
        font-size: 32px !important;
        border-radius: 5px;
    }

    #order_form {
        background: white;
        padding: 20px;
        max-width: 520px;
        font-family: Arial;
        margin: 20px auto;
        background-image: url(../img/formbg.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
        padding-bottom: 35px;
    }

    #order_form div {
        background: transparent !important;
    }

    #order_form h2 {
        margin: 10px 0 0 0;
        padding: 0px;
        line-height: 32px;
        border: none;
        color: #000;
    }

    #order_form span {
        font-size: 12px;
    }

    #order_form .order_form_pole {
        padding: 0px 10px 0px 10px;
        display: inline-block;
        margin: 10px 10px 0px 10px;
    }

    #order_form label {
        width: 230px;
        display: block;
        padding: 5px 0 5px 0;
        font-weight: bold;
        font-size: 16px;
    }

    #order_form input,
    #order_form select {
        font-size: 21px;
        padding: 15px;
        border-radius: 3px;
        border: 2px solid #e9d7dc;
        max-width: 300px;
        width: 100%;
    }

    #order_form select {
        margin-top: 30px;
        background: #fff;
        width: 286px;
        clear: both;
        height: 63px;
    }

    #order_form button,
    .obutton {
        display: inline-block;
        padding: 20px;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 4px 15px 0 rgba(129, 150, 160, 0.45);
        border-radius: 5px;
        background-color: #0299ff;
        background-position: 1.35em .94em;
        background-size: 1em;
        background-repeat: no-repeat;
        transition: all .15s ease-in-out;
        border: none;
        cursor: pointer;
        font-size: 20px;
        margin-top: 20px;
    }

    .pg {
        background: #FFECA6;
        padding: 10px 20px;
        margin: 0 0 15px 0;
    }

    .pg h3 {
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: bold !important;
        margin-bottom: 15px;
    }

    .pg ul li span {
        display: block;
        font-size: 17px;
        color: gray;
        font-weight: normal;
        line-height: 23px;
    }

    .pg ul {
        font-size: 22px;
        line-height: 28px;
        font-weight: 500;
    }

    .pg ul li {
        margin-bottom: 20px;
    }

    .price {
        color: red;
        font-weight: 700;
    }

    .price .old {
        text-decoration: line-through;
        color: #000;
    }

    @media (max-width:678px) {
        #order_form {
            padding: 25px 10px 0px 10px;
            padding-bottom: 38px;
            margin-bottom: 10px;
            background-size: 239%;
            background-position-x: 17%;
            background-position-y: 17%;
        }
    }

    @media screen and (max-width: 480px) {
        #order_form {
            padding: 25px 10px 0px 10px;
            padding-bottom: 38px;
            margin-bottom: 10px;
            background-size: 239%;
            background-position-x: 17%;
        }
    }

    @media screen and (max-width: 459px) {
        #order_form {
            margin-left: -20px;
            margin-right: -20px;
        }
    }

    @media (max-width: 767px) {
        .c-app-nav>li {
            display: none;
        }

        .burger {
            display: block;
            height: 33px;
            margin-left: 5px;
        }

        .is-fixed .c-app-nav {
            background: #d20008;
        }

        .c-post-img.u-blur {
            margin-top: 15px;
        }

        .c-post-img.u-blur {
            transform: translate(0%, 5%);
        }
    }

    @media all and (max-width: 520px) {
        .wheel {}

        .cursor-text {
            line-height: 45px !important;
            font-size: 7px !important;
        }
    }

    @media screen and (max-width: 345px) {
        .wheel {}

        .cursor-text {
            line-height: 40px !important;
            font-size: 6px !important;
        }
    }

    @media screen and (max-width: 560px) {}

    @media screen and (max-width: 490px) {}

    @media screen and (max-width: 460px) {}

    @media screen and (max-width: 430px) {}

    @media screen and (max-width: 370px) {
        #p0 {
            padding: 0 10px 0 10px !important;
        }


    }

    @media screen and (max-width: 350px) {}

    @media screen and (max-width: 600px) {
        .js_old_price_curs {
            left: 25%;
            position: absolute;
            bottom: 24%;
            font-size: 15px;
            font-style: italic;
            text-decoration: line-through;
        }

        .js_new_price_curs {
            left: 22%;
            position: absolute;
            bottom: 10%;
            font-size: 22px;
            color: red;
            font-style: italic;
        }
    }